<div>
  <!-- <div class="optionPanel farris-form-controls-inline mb-3">
    <div class="f-section-header">
      <div class="f-title">
        <h4 class="f-title-text">表单扩展</h4>
      </div>
    </div>
    <small class="form-text text-muted">开启了该设置之后，才可以在运行时定制扩展表单中进行扩展。</small>
    <div class="farris-group-wrap">
      <div class="form-group farris-form-group">
        <label class="col-form-label">
          <span class="farris-label-text">是否启用</span>
        </label>
        <div class="mr-4">
          <farris-switch size="small" [(ngModel)]="formBasicServ.formMetaBasicInfo.extendable"></farris-switch>
        </div>
      </div>
    </div>
  </div> -->

  <div class="optionPanel farris-form-controls-inline mb-3">
    <div class="f-section-header">
      <div class="f-title">
        <h4 class="f-title-text">静态文本</h4>
      </div>
    </div>
    <small class="form-text text-muted">启用静态文本后输入类控件在只读状态下仅展示文本信息。</small>
    <div class="farris-group-wrap">
      <div class="form-group farris-form-group">
        <label class="col-form-label">
          <span class="farris-label-text">是否启用</span>
        </label>
        <div class="mr-4">
          <farris-switch size="small" [(ngModel)]="options.enableTextArea"></farris-switch>
        </div>
        <span class="badge badge-success cursor-pointer" (click)="refreshInputTextArea()">刷新表单</span>
      </div>
    </div>
  </div>

  <div class="optionPanel farris-form-controls-inline mb-3" *ngIf="rootViewModel">
    <div class="f-section-header">
      <div class="f-title">
        <h4 class="f-title-text">复用会话</h4>
      </div>
    </div>
    <small class="form-text text-muted">在组合表单的使用场景中开启该设置后，多个表单可以共用一个会话。</small>
    <div class="farris-group-wrap">
      <div class="form-group farris-form-group">
        <label class="col-form-label">
          <span class="farris-label-text">是否启用</span>
        </label>
        <div class="mr-4">
          <farris-switch size="small" [(ngModel)]="rootViewModel.enableUnifiedSession"></farris-switch>
        </div>
      </div>
    </div>
  </div>

  <div class="optionPanel farris-form-controls-inline mb-3">
    <div class="f-section-header">
      <div class="f-title">
        <h4 class="f-title-text">数据类型转换</h4>
      </div>
    </div>
    <small class="form-text text-muted">启用数据类型转换后，表单变量和VO变量会被转换为对应的数据类型。</small>
    <div class="farris-group-wrap">
      <div class="form-group farris-form-group">
        <label class="col-form-label">
          <span class="farris-label-text">是否启用</span>
        </label>
        <div class="mr-4">
          <farris-switch size="small" [(ngModel)]="options.paramTypeTransform"></farris-switch>
        </div>
      </div>
    </div>
  </div>
  <div class="optionPanel farris-form-controls-inline mb-3">
    <div class="f-section-header">
      <div class="f-title">
        <h4 class="f-title-text">变更集提交策略</h4>
      </div>
    </div>
    <small class="form-text text-muted">变更提交策略是指表单数据发生变化时前端往后端提交变更集的策略。</small>
    <small class="form-text text-muted">仅合法变更策略是指仅提交校验通过的变更项，适用于大部分场景。全部变更策略是指提交所有数据变化到后端，适用于暂存场景。</small>
    <div class="farris-group-wrap">
      <div class="form-group farris-form-group">

        <farris-radiogroup [horizontal]="true" [textField]="'name'" [valueField]="'value'" [data]="changeSetPolicyList"
          [(ngModel)]="options.changeSetPolicy">
        </farris-radiogroup>
      </div>
    </div>
  </div>

 <div class="optionPanel farris-form-controls-inline mb-3">
    <div class="f-section-header">
      <div class="f-title">
        <h4 class="f-title-text">服务器端变更检查</h4>
      </div>
    </div>
    <small class="form-text text-muted">菜单或应用关闭前及取消变更时调用后端接口确认后端缓存中的数据是否已经保存并提示用户。</small>
    <small class="form-text text-muted">该特性依赖HasChanges接口，请确认已在Api接口文档中添加。</small>
    <div class="farris-group-wrap">
      <div class="form-group farris-form-group">
        <label class="col-form-label">
          <span class="farris-label-text">是否启用</span>
        </label>
        <div class="mr-4">
          <farris-switch size="small" [(ngModel)]="options.enableServerSideChangeDetection"></farris-switch>
        </div>
      </div>
    </div>
  </div>
  <!--
  <div class="optionPanel farris-form-controls-inline mb-3">
    <div class="f-section-header">
      <div class="f-title">
        <h4 class="f-title-text">组合表单</h4>
      </div>
    </div>
    <small class="form-text text-muted">开启该设置之后，表单才可以被其他表单的外部容器引入。</small>
    <small class="form-text text-muted">组件类表单（列表组件模板、树列表组件模板、列表视图组件模板）默认可以被其他表单的外部容器引入。</small>
    <div class="farris-group-wrap">
      <div class="form-group farris-form-group">
        <label class="col-form-label">
          <span class="farris-label-text">是否启用</span>
        </label>
        <div class="mr-4">
          <farris-switch size="small" [(ngModel)]="options.canBeComposed" [disabled]="isComponentTemplate">
          </farris-switch>
        </div>
      </div>
    </div>
  </div> -->

  <!-- <div class="optionPanel farris-form-controls-inline mb-3">
  <div class="f-section-header">
    <div class="f-title">
      <h4 class="f-title-text">界面渲染模式</h4>
    </div>
  </div>
  <small class="form-text text-muted">界面渲染模式：编译（生成代码并编译），动态渲染（动态解析，本地不生成、编译UI代码）。</small>
  <div class="farris-group-wrap">
    <div class="form-group farris-form-group">
      <div class="mr-4 mt-2">
        <farris-radiogroup [horizontal]="true" [textField]="'name'" [valueField]="'value'" [data]="renderModes"
          [(ngModel)]="options.renderMode">
        </farris-radiogroup>
      </div>
    </div>
  </div>
</div> -->

</div>